<template>
  <div class="common-layout">
    <el-container class="container">
      <el-aside class="aside">Aside</el-aside>
      <el-main>Main</el-main>
    </el-container>
  </div>
</template>

<script lang="ts">

</script>

<style>
body, html {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  font-family: Arial, sans-serif; /* 设置整体字体 */
  box-sizing: border-box;
}

.common-layout {
  height: 100%;
}

.common-layout .container {
  height: 100%;
}

.common-layout .container .aside {
  width: 100px;
  height: 100%;
  background-color: #409eff;
}

</style>
